/* 导航栏 */

nav {
    height: 1.2rem;
    width: 100%;
    background: linear-gradient(rgb(252, 252, 252), rgb(208, 208, 208));
    display: flex;
    justify-content: space-between;
    align-items: center;
    .left {
        padding-left: .3rem;
        font: .4rem/1.2rem "";
        a {
            color: gray;
        }
    }
    .right {
        padding-right: .3rem;
        a {
            color: #000;
            display: inline-block;
            width: 1.5rem;
            height: .8rem;
            border: .01rem solid gray;
            border-radius: .2rem;
            background: linear-gradient(rgb(252, 252, 252), rgb(208, 208, 208));
            font: .4rem/.8rem "";
            text-align: center;
        }
    }
}


/* 商品展示 */

#show {
    width: 100%;
    background-color: white;
    .show {
        overflow: hidden;
        li {
            margin: .2rem 0;
            height: 2.5rem;
            margin-bottom: .5rem;
            a {
                width: 100%;
                display: flex;
                .left {
                    margin-left: .2rem;
                    img {
                        width: 2.5rem;
                        height: 2.5rem;
                    }
                }
                .right {
                    margin-left: .3rem;
                    margin-right: .3rem;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    .top {
                        color: gray;
                        display: flex;
                        flex-direction: column;
                        p {
                            font-size: .4rem;
                        }
                        span {
                            font: .5rem/1rem "";
                            color: red;
                        }
                    }
                    .bottom {
                        margin-bottom: .4rem;
                        display: flex;
                        align-items: center;
                        span {
                            color: gray;
                            font-size: .35rem;
                        }
                    }
                }
            }
        }
    }
}


/* 上一页 下一页 */

#btn {
    width: 100%;
    margin: .3rem 0;
    display: flex;
    justify-content: space-around;
    button {
        background: linear-gradient(rgb(252, 252, 252), rgb(208, 208, 208));
        border-radius: .2rem;
    }
    button,
    select {
        border: 0;
        width: 2rem;
        height: 1rem;
        border: gray .01rem solid;
    }
}